.dark .dadi-popup-background {
    background-color: transparent !important;
}

.dadi-popup-content-wrapper {
    padding: 0 !important;
    height: 400px;
    width: 400px;
    margin-left: 40px;
}

.dadi-popup-content {
    height: 100%;
    margin: 0 !important;
}

.mars-popup-content {
    height: calc(100% - 40px);
    margin: 0;
    overflow-y: scroll;
}

.mars-popup-titile {
    background-image: url("../img/popup/popupTitle.png");
    background-size: 100% 100%;
}

.mars-popup-content {
    background-image: url("../img/popup/popupContent.png");
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.8);
}

.mars-popup-content > div {
    min-width: 45%;
    margin-top: 0;
}

.mars-popup-content > div > label {
    font-weight: bold;
    color: whitesmoke;
}

.mars-popup-content > div > label::after {
    content: ":";
}

.dadi-popup-tip-container {
    background-image: url("../img/popup/popupLine.png");
    background-size: 100% 100%;
    margin: 0;
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.dadi-popup {
    pointer-events: none;
}

.dadi-popup-content-wrapper,
.dadi-popup-tip-container {
    transform: translateX(220px);
}

.dadi-popup-close-button {
    transform: translateX(220px) translateY(8px);
    pointer-events: all;
    cursor: pointer;
}


/*1级*/
#cesiumContainer > div:has(span#closePopup) {
    color: orangered;
    width: 400px;
}

#cesiumContainer > div:has(span#closePopup)::before {
    content: "";
    display: block;
    height: 40px;
    background-image: url("../img/popup/popupTitle.png");
    background-size: 100% 100%;
    margin-left: 40px;
}

#cesiumContainer > div:has(span#closePopup)::after {
    content: "";
    display: block;
    height: 40px;
    background-image: url("../img/popup/popupLine.png");
    background-size: 100% 100%;
    margin-top: 10px;
}

/*2级*/
#cesiumContainer > div > div:has(span#closePopup) {
    background-color: transparent !important;
    padding: 0 !important;
    color: white !important;
    padding: 10px !important;
    display: flex;
    flex-wrap: wrap;
    background-image: url("../img/popup/popupContent.png");
    background-size: 100% 100%;
    margin-left: 40px;
}

/*行*/
#cesiumContainer > div > div:has(span#closePopup) > div {
    width: 98%;
    display: flex;
    flex-wrap: wrap;
}

/*行内单元格*/
#cesiumContainer > div > div:has(span#closePopup) > div > span {
    min-width: 50%;
    width: auto !important;
    white-space: pre-line;
    font-size: 13px;

}

.tempCell {
    display: flex !important;
}

.tempCell > span {
    display: block;
}

.tempCellLabel {
    font-weight: bold;
    margin-right: 5px;
}

.tempCellValue {
    color: rgba(255, 255, 255, 0.9);
}

/*div:has(span#closePopup){*/
/*    background-color: transparent!important;*/
/*}*/

/*关闭按钮*/
span#closePopup {
    color: white !important;
    position: absolute !important;
    right: 10px !important;
    top: 13px !important;
}

/*爆管*/
div.dadi-popup-content:not(.dadi-popup-content:has(.mars-popup-titile)) {
    /*background-color: #0aa8e4 !important;*/
}

.dadi-popup-content-wrapper:has(div.dadi-popup-content:not(.dadi-popup-content:has(.mars-popup-titile))) {

}

#cesiumContainerpopup_ .dadi-popup-content-wrapper::before {
    content: "";
    display: block;
    height: 40px;
    background-image: url("../img/popup/popupTitle.png");
    background-size: 100% 100%;
}

#cesiumContainerpopup_  .dadi-popup-content-wrapper{
    height: auto;


}
#cesiumContainerpopup_ .dadi-popup-content{
    padding: 10px!important;
    background-image: url("../img/popup/popupContent.png");
    background-size: 100% 100%;
}


#cesiumContainerpopup_ .dadi-popup-content  > div > label {
    font-weight: bold;
    color: whitesmoke;
    font-size: 14px!important;
}

#cesiumContainerpopup_ .dadi-popup-content  > div > span {
    color: rgba(245, 245, 245, 0.8);
    font-size: 14px!important;
}